<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" href="/static/css/index.css">
    <script type="text/javascript" src="/static/js/jquery-1.7.2.js"></script>
    <script>
        $(function (){
            $("#bt_login").click(function (){
                var username = $("#username").val();
                if(username==""){
                    alert("用户姓名不能为空");
                    return false;
                }
                var password = $("#password").val();
                if(password==""){
                    alert("用户密码不能为空");
                    return false;
                }
                // 正则表达式
                var pwd_format=/^[0-9A-Za-z-_]{6,16}$/;
                if(!pwd_format.test(password)){
                    alert("密码只能是包含“0-9,a-z,A-Z,_-”的6-16位字符");
                    return false;
                }
                var phone = $("#phone").val();
                if(phone==""){
                    alert("手机号不能为空");
                    return false;
                }
                var tel_format=/^[0-9]{11}$/;
                if(!tel_format.test(phone)){
                    alert("请输入11数字的手机号码");
                    return false;
                }
                var email = $("#email").val();
                if(email==""){
                    alert("邮箱不能为空");
                    return false;
                }
                // 正则表达式验证邮箱格式
                var email_format = /^[^\s@]+@qq\.com$/;
                if (!email_format.test(email)) {
                    alert("请输入以 qq.com 结尾的邮箱地址");
                    return false;
                }
                if("{{.}}"=="普通用户或管理员信息不正确"){
                    alert("普通用户或管理员信息不正确");
                    return false;
                }
            });
        });
    </script>
</head>
<body>
<div class="container">
    <div class="header">
        <div>登录页面</div>
        <div>
            <a href="/pages/user/regist.html">注册</a>
            <a href="/main">返回</a>
        </div>
    </div>
    <form action="/login" method="post">
        <div class="my-form">
            <label for="username">用户姓名：</label>
            <input name="username" type="text" id="username">
        </div>
        <div class="my-form">
            <label for="password">用户密码：</label>
            <input name="password" type="text" id="password">
        </div>
        <div class="my-form">
            <label>用户类型：</label>
            <label for="usertypeUser">
                <input type="radio" name="usertype" id="usertypeUser" value="普通用户" checked> 普通用户
            </label>
            <label for="usertypeAdmin">
                <input type="radio" name="usertype" id="usertypeAdmin" value="管理员"> 管理员
            </label>
        </div>
        <div class="my-form">
            <label for="phone">手机号码：</label>
            <input name="phone" type="text" id="phone">
        </div>
        <div class="my-form">
            <label for="email">qq邮箱：</label>
            <input name="email" type="text" id="email">
        </div>
        <input type="submit" value="登录" id="bt_login" style="text-align:center;width: 300px">
    </form>
</div>
</body>
</html>